<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<cw:base />
	</head>
	<body>
		<cw:form>
			<li>
				<b> 多行文本输入框，对HTML TEXTAREA进行加强 </b>
			</li>
			<li>
				<b> 以下示例分别展现了多行文本输入框的一些使用场景，如必填、设定长度范围、内容自动换行 </b>
			</li>
			<br />
			<br />
			<li>
				必填设置，设置required=true ，失焦或者表单提交时会进行有效性验证，输入域边框颜色会变化
				<table>
					<tr>
						<td align="right">
							<font color="red">*</font>备注:
						</td>
						<td>
							<cw:textArea property="desc" required="true"></cw:textArea>
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				长度校验，设置maxLength="30" minLength="6"，设置cnCharacter=true会把中文当成2个字符(即Length/2) ，失焦或者表单提交时会进行有效性验证，输入域边框颜色会变化
				<table>
					<tr>
						<td align="right">
							备注:
						</td>
						<td>
							<cw:textArea property="desc" maxLength="160" minLength="6" cnCharacter="true"
								value="Chrome一族一直在尝试并寻找各种可以代替那些他们已经离不开了的Firefox，不过让我们把眼界放开阔，看看那些Firefox没有的“新式”扩展，比如今天我们介绍的TabJump。
" />
						</td>
					</tr>
				</table>
			</li>
		</cw:form>
	</body>
	<cw:theme></cw:theme>
</html>
